<!DOCTYPE html>
<html>
<head>
    <title>aui-tree</title>
    <meta charset="utf-8" />

    <link rel="stylesheet" href="../../../../build/aui-css/css/bootstrap.css">

    <script src="../../../../build/aui/aui.js"></script>
    <script src="js/tests.js"></script>
    <style>
    .unselectable, .unselectable * {
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }
    </style>
</head>
<body class="yui3-skin-sam">
<div id="logger"></div>
<div id="createFromHTMLMarkupTest">
    <ul>
        <li class="tree-node">
            <span class="tree-label unselectable">Checkboxes</span>
            <ul class="tree-container">
                <li class="tree-node">
                    <span class="tree-label unselectable">Radio</span>
                    <ul class="tree-container">
                        <li class="tree-node">
                            <span class="tree-label unselectable">Task</span>
                            <ul class="tree-container">
                                <li class="tree-node">
                                    <span class="tree-label unselectable">Watermelon</span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li class="tree-node">
                    <span class="tree-label unselectable">Radio</span>
                    <ul class="tree-container">
                        <li class="tree-node">
                            <span class="tree-label unselectable">Task</span>
                            <ul class="tree-container">
                                <li class="tree-node">
                                    <span class="tree-label unselectable">Watermelon</span>
                                </li>
                                <li class="tree-node">
                                    <span class="tree-label unselectable">Apricot</span>
                                </li>
                                <li class="tree-node">
                                    <span class="tree-label unselectable">Pineapple</span>
                                </li>
                                <li class="tree-node">
                                    <span class="tree-label unselectable">Kiwi</span>
                                </li>
                                <li class="tree-node">
                                    <span class="tree-label unselectable">Orange</span>
                                </li>
                                <li class="tree-node">
                                    <span class="tree-label unselectable">Pomegranate</span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</div>
<div id='container'><div>

<script>
YUI({
    coverage: ['aui-tree'],
    filter: (window.location.search.match(/[?&]filter=([^&]+)/) || [])[1] || 'raw'
}).use('test-console', 'test', 'aui-tree-tests', function(Y) {

    (new Y.Test.Console()).render('#logger');

    Y.Test.Runner.setName('aui-tree');
    Y.Test.Runner.run();
});
</script>
</body>
</html>
